<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head>
    <meta charset="utf-8">
    <title>话术配置</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link type="text/css" th:href="@{/js/jquery-ui-1.8.4.custom/css/smoothness/jquery-ui-1.8.4.custom.css}"  rel="stylesheet" />
    <link rel="stylesheet" type="text/css" th:href="@{/css/myflow/index.css}">
    <script type="text/javascript" th:src="@{/js/raphael-min.js}" ></script>
    <script type="text/javascript" th:src="@{/js/jquery-ui-1.8.4.custom/js/jquery.min.js}" ></script>
    <script type="text/javascript" th:src="@{/js/jquery-ui-1.8.4.custom/js/jquery-ui.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/myflow/myflow.js}" ></script>
    <script type="text/javascript" th:src="@{/js/myflow/myflow.jpdl4.js}" ></script>
    <script type="text/javascript" th:src="@{/js/myflow/myflow.editors.js}" ></script>
    <script type="text/javascript" th:src="@{/js/myflow/index.js}"></script>
    <link rel="stylesheet" th:href="@{/js/layui/css/layui.css}"  media="all" />
</head>
<body>
<div id="myflow_tools" class="ui-widget-content">
    <div id="myflow_tools_handle" style="text-align: center;"
         class="ui-widget-header"> 工具集 </div>

    <div class="node" id="myflow_revoke"><img  th:src="@{/images/save.gif}" />&nbsp;&nbsp;撤销</div>
    <div class="node" id="myflow_redraw"><img  th:src="@{/images/save.gif}"  />&nbsp;&nbsp;重绘</div>
    <div class="node" id="myflow_save"><img  th:src="@{/images/save.gif}"  />&nbsp;&nbsp;保存</div>
    <div class="node" id="myflow_publish"><img  th:src="@{/images/save.gif}"   />&nbsp;&nbsp;发布</div>
    <div>

        <hr />
    </div>
    <div class="node selectable selected" id="pointer"><img
            th:src="@{/images/select16.gif}"  />&nbsp;&nbsp;选择</div>
    <div class="node selectable" id="path"><img
            th:src="@{/images/16/flow_sequence.png}"  />&nbsp;&nbsp;转换</div>
    <div>
        <hr />
    </div>
    <div class="node state" id="start" type="start"><img
            th:src="@{/images/16/start_event_empty.png}"    />&nbsp;&nbsp;开始</div>
    <div class="node state" id="state" type="state"><img
            th:src="@{/images/16/task_empty.png}"     />&nbsp;&nbsp;状态</div>
    <div class="node state" id="task" type="task"><img
            th:src="@{/images/16/task_empty.png}"    />&nbsp;&nbsp;任务</div>
    <div class="node state" id="fork" type="fork"><img
            th:src="@{/images/16/gateway_parallel.png}"   />&nbsp;&nbsp;分支</div>
    <div class="node state" id="join" type="join"><img
            th:src="@{/images/16/gateway_parallel.png}"    />&nbsp;&nbsp;合并</div>
    <div class="node state" id="end" type="end"><img
            th:src="@{/images/16/end_event_terminate.png}"    />&nbsp;&nbsp;结束</div>
    <div class="node state" id="end-cancel" type="end-cancel"><img
            th:src="@{/images/16/end_event_cancel.png}"   />&nbsp;&nbsp;取消</div>
    <div class="node state" id="end-error" type="end-error"><img
            th:src="@{/images/16/end_event_error.png}"   />&nbsp;&nbsp;错误</div>
</div>

<div id="myflow_props" class="ui-widget-content">
    <div id="myflow_props_handle" class="ui-widget-header">属性</div>
    <table border="1" width="100%" cellpadding="0" cellspacing="0">
        <tr>
            <td></td>
        </tr>
        <tr>
            <td></td>
        </tr>
    </table>
    <div style="float: right">
        <a id="edit" class="layui-btn layui-btn-xs" style="background-color: #BEBFC7"><i class="layui-icon">&#xe642;</i>编辑详情</a>
        <a id="remove" class="layui-btn layui-btn-xs" style="background-color: #BEBFC7"><i class="layui-icon">&#xe640;</i>移除节点</a>
    </div>
</div>

<div id="myflow"></div>
<script type="text/javascript"   th:src="@{/js/layui/layui.js}"></script>
</body>
</html>